.wh(@name,@px){
    @{name}:@px/75*1rem;
}
.header{
    position:fixed;
    top:0;
    left:0;
    z-index:123;
    background:#fff;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items:center;
    dl:nth-child(1){
        width: 10%;
        display:flex;
        justify-content:center;
        align-items:center;
         dt{
            img{
                width: 50%;
            }
        }
        dd{
            img{
                width: 50%;
                margin-left: 15%;
            }
        }
        
    }
    .header_center{
        width: 70%;
        height: 29px;
        border:none;
        border-radius: 4px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
}
.div{
    .wh(margin-top,30);
    img{
        width: 100%;
    }
}
.tabody{
    display: flex;
    text-align: center;
    .wh(margin-top,45);
    align-items: center;
    span{
        flex: 1;
    }
    span:nth-child(1){
        img{
            width: 50%;
        }
    }
    span:nth-child(2){
        .p{
           .wh(font-size,32);
           font-weight: 800; 
        }
        p:nth-child(2){
          .wh(font-size,20);
          .wh(margin-top,20);
          color: #E0E0E0;  
        }
    }
    span:nth-child(3){
        .btn{
            .wh(width,150);
            .wh(height,54);
            border-radius: 4px;
            background: yellow;
            border: none;
            .wh(font-size,24);
        }
    }
}
